<!--
  Generated template for the QixinLoginPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<!-- <ion-header>

  <ion-navbar>
    <ion-title>qixin-login</ion-title>
  </ion-navbar>

</ion-header> -->


<ion-content class="page-qixin-login">
  <!-- <img class="background-img" src="assets/imgs/plate_bg.png"/> -->
  <!-- <p align='center' class="title">南方电网掌上乌当</p> -->
  <div class="login-title" style="background-image: url(assets/imgs/login_bg.png); background-size: 100%;">
    <div class="title-text title-china">
      <span>掌上</span>
      <span>南网</span>
    </div>
    <div class="title-text title-english">MOBILE  WUDANG</div>
  </div>
  <div class="input-button">
    <div class="input-text">
      <i class="iconfont icon-mine_before"></i>
      <input placeholder="输入用户名" [(ngModel)]="userName"/>
    </div>
    <div class="input-text">
      <i class="iconfont icon-mima"></i>
      <input placeholder="输入密码" type="password" [(ngModel)]="passWord"/>
    </div>
    <button class="buttonOne" (click)="login()">4A登录</button>
  </div>
  <!-- <div class="background-container">

    <button (click)="goAuth()" ion-button class="login-button">登录</button>
  </div> -->

</ion-content>
